<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Contact - Jun's Portfolio</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" href="/images/mafavicon.png" />
<!-- Fonts -->
<link
	href='http://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic'
	rel='stylesheet' type='text/css'>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/contact.css">
<link rel="icon" href="favicon.ico" />
<link
	href='http://fonts.googleapis.com/css?family=Questrial|Droid+Sans|Alice'
	rel='stylesheet' type='text/css'>
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/cloud-carousel.1.0.0.js"></script>

</head>
<body>
	<div class="grid">
		<header></header>
		<div class="center">
			<div id="content">


				<h1>Contact me</h1>

				<form action=" " method="post" autocomplete="on">
					<p>
						<label for="username" class="iconic user"> Name <span
							class="required">*</span></label> <input type="text" name="username"
							id="username" required="required" />
					</p>

					<p>
						<label for="usermail" class="iconic mail-alt"> E-mail
							address <span class="required">*</span>
						</label> <input type="email" name="usermail" id="usermail"
							required="required" />
					</p>

					<p>
						<label for="usersite" class="iconic link"> Website </label> <input
							type="url" name="usersite" id="usersite" />
					</p>

					<p>
						<label for="subject" class="iconic quote-alt"> Subject </label> <input
							type="text" name="subject" id="subject" />
					</p>

					<p>
						<label for="message" class="iconic comment"> Message <span
							class="required">*</span></label>
						<textarea required="required"></textarea>
					</p>
					<p class="indication">
						All fields with a <span class="required">*</span> are required
					</p>

					<input type="submit" value=" ★  Send the mail !" />

				</form>
			</div>
		</div>
		<footer>
			<nav>
				<ul>
					<li><a href="./artist.html">The artist</a></li>
					<li><a href="./index.html">Portfolio</a></li>
					<li><a class="visited" href="./contact.html">Contact</a></li>
				</ul>
			</nav>
			<div class="menu"></div>
		</footer>
	</div>
</body>
</html>
